* { margin:0; padding:0; font-family: "微软雅黑"; outline: none;}

#app { padding: 1rem; font-size: 1rem; }
#app p { line-height: 2.5rem; }
#app li { margin-left: 1.4rem; }
#app blockquote {
    background: #f6f6f6;
    padding: 1.2rem;
}
#app img {
    max-width: 1000px;
}
#app h1,
#app h2,
#app h3,
#app h4 {
    margin-bottom: 1rem;
    margin-top: 1.5rem;
}
#app .main { margin-left: 15rem; }
.main-container { width: 80rem; margin: 0 auto 2.5rem auto; }


#app aside {
    border-right: 1px solid rgba(0,0,0,.07);
    overflow-y: auto;
    padding: 10px 0 0;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    transition: all .25s ease-out;
    z-index: 20;
    width: 14rem;
}
#app aside .home-nav {
    text-align: center;
    border-bottom: 1px solid rgba(0,0,0,.07);
    line-height: 4rem;
    cursor: pointer;
    font-size: 2rem;
}
#app aside .nav-list li {
    cursor: pointer;
    font-size: 1rem;
    padding: .6rem 0;
    margin-left: 1.4rem;
    list-style-type: none;
}

#app summary {
    cursor: pointer;
}

#app p code {
    display: inline-block;
    color: #d14;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1rem;
    margin: 0 4px;
}